@import '../core/style/variables';
@import '../a11y/_a11y';


$md-tooltip-height: 22px;
$md-tooltip-margin: 14px;
$md-tooltip-padding: 8px;

:host {
  pointer-events: none;
}

.md-tooltip {
  color: white;
  padding: 0 $md-tooltip-padding;
  border-radius: 2px;
  font-family: $md-font-family;
  font-size: 10px;
  margin: $md-tooltip-margin;
  height: $md-tooltip-height;
  line-height: $md-tooltip-height;

  @include md-high-contrast {
    outline: solid 1px;
  }
}
